@import './assets/styles/variable.scss';

.p-index {
  padding: $c-page-padding;
  .swiper {
    margin-bottom: 30rpx;
    .swiper-item {
      height: 100%;
      width: 100%;
    }
  }
  .services-1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30rpx;
    .services__left {
      margin-right: 20rpx;
      padding: 20rpx;
      position: relative;
    }
    .services__left, .services__right {
      flex-grow: 1;
      height: 380rpx;
    }
    .services__right_top {
      margin-bottom: 20rpx;
    }
    .services__right_top, .services__right_bottom {
      padding: 20rpx; 
      height: 180rpx;
    }
    .services__title {
      font-weight: bold;
      margin-bottom: 10rpx;
    }
    .services__tip {
      font-weight: normal;
      font-size: $c-font-small; 
      color: $c-text-color-4;
      line-height: 40rpx;
    }
  }
  .services-2 {
    .services-item {
      padding: 20rpx;
      height: 210rpx;
      margin-bottom: 20rpx;
      .services__title {
        font-weight: bold;
        margin-bottom: 10rpx;
      }
      .services__tip {
        font-weight: normal;
        font-size: $c-font-small; 
        color: $c-text-color-4;
        line-height: 40rpx;
      }
    }
  }
}
